<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
		<!--第一部分-->
		<h1>网站一级标题</h1>
		<ul>
			<li>
				<a href="###">导航链接一</a>
			</li>
			<li>
				<a href="###">导航链接二</a>
			</li>
			<li>
				<a href="###">导航链接三</a>
			</li>
			<li>
				<a href="###">导航链接四</a>
			</li>
		</ul>
		<h2>文章一级标题</h2>
		<h2>文章二级标题</h2>
		<p>文章作者 文章发表时间<br /></p>
		<p>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，<br /> 换行了
			<br /> 这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，
			<br /> 这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，
			<a href="http://ife.baidu.com">这里有一个链接链接到http://ife.baidu.com</a>这是一个很长很长的段落，<strong>这里有个粗体字</strong>,这是一个很长很长的段落，<br /> 这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，
		</p>
		<img src="img/20151011195344_aVZRx.jpeg" width="200" height="200" />
		<p>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，<br /> 换行了
			<br /> 这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，
			<br /> 这是一个很长很长的段落，这是一个很长很长的段落，
			<a href="http://ife.baidu.com" target="_blank">这里有一个链接点击后打开新窗口链接到http://ife.baidu.com</a>这是一个很长很长的段落，<strong>这里有个粗体字</strong>,这是一个很长很长的段落，<br /> 这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，
			<br />
		</p>

		<!--第二部分-->
		<h2>另一篇文章一级标题</h2>
		<h2>文章二级标题</h2>
		<p>文章作者 文章发表时间<br /></p>
		<p>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，<br /> 换行了
			<br /> 这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，
			<br /> 这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，
			<a href="http://ife.baidu.com">这里有一个链接链接到http://ife.baidu.com</a>这是一个很长很长的段落，<strong>这里有个粗体字</strong>,这是一个很长很长的段落，<br /> 这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，
		</p>
		<img src="img/20151011195344_aVZRx.jpeg" width="200" height="200" />
		<ul>
			<li>列表项目一</li>
			<li>列表项目二</li>
			<li>列表项目三</li>
		</ul>
		<h2>图片</h2>
		<p>好看的图片</p>
		<img src="img/20151011195344_aVZRx.jpeg" width="200" height="200" />
		<p>好看的图片</p>
		<img src="img/20151011195344_aVZRx.jpeg" width="200" height="200" />

		<!--第三部分-->
		<h2>最后一篇文章一级标题</h2>
		<h2>文章二级标题</h2>
		<p>文章作者 文章发表时间<br /></p>
		<ol>
			<li>排名1</li>
			<li>排名2</li>
			<li>排名3</li>
		</ol>
		<p>下面是一个表格，给表格加了一个border="1"好让你看出是一个表格</p>
		<table border="1" cellspacing="" cellpadding="">
			<tr>
				<th>表头</th>
				<th>表头</th>
				<th>表头</th>
			</tr>
			<tr>
				<td>表内容单元格</td>
				<td>表内容单元格</td>
				<td>
					<a href="###">操作</a>
				</td>
			</tr>
			<tr>
				<td>表内容单元格</td>
				<td>表内容单元格</td>
				<td>
					<a href="###">操作</a>
				</td>
			</tr>
			<tr>
				<td>表内容单元格</td>
				<td>表内容单元格</td>
				<td>
					<a href="###">操作</a>
				</td>
			</tr>
			<tr>
				<td>总计</td>
				<td colspan="2">1000</td>
			</tr>
		</table>

		<!--第四部分-->
		<h2>这里以后是一个侧栏，这是侧栏的标题</h2>
		<h2>侧栏注册窗口标题</h2>
		<p><span>请输入邮箱地址: </span><input type="text" placeholder="这是一个文本输入框" /></p>
		<p>邮箱地址请按要求格式输入</p>
		<p><span>请输入密码: </span><input type="text" placeholder="这是一个文本输入框" /><span>请重复输入密码: </span><input type="text" placeholder="这是一个文本输入框" /></p>
		<p>密码请为6-16位英文数字</p>
		性别：<input type="radio" value="男" />男 <input type="radio" value="女" />女 <span>城市：</span>
		<select name="city">
			<option value="beijing">北京</option>
		</select>
		<span>爱好： </span><input type="checkbox" value="" />运动
		<input type="checkbox" value="" />艺术
		<input type="checkbox" value="" />科学
		<span>个人描述: </span><textarea name="message" rows="2" cols="30">The cat was playing in the garden.</textarea>
		<input type="submit" value="确认提交" />
	</body>

</html>